﻿<UserControl
    x:Class="Studio77.Timer.MySelector"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Studio77.Timer"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300"
    d:DesignWidth="400" Height="123" Width="Auto">
	<UserControl.Resources>
		<Style x:Key="ButtonStyleUpArraw" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimation Duration="0" To="#FF8DDE7B" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="path" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFFFA051" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="path" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FF995014" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="path" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="PointerOver"/>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
									<VisualState x:Name="PointerFocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Path x:Name="path" Data="M179.333,5.33333 L164,31.3341 L196,31.3344 z" Stretch="Fill" Stroke="#FFAEAEAE" UseLayoutRounding="False">
								<Path.Fill>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FF84FF69"/>
										<GradientStop Color="#FF3F7E31" Offset="1"/>
										<GradientStop Color="#FF8EDC7A" Offset="0.983"/>
									</LinearGradientBrush>
								</Path.Fill>
							</Path>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
		<Style x:Key="ButtonStyleDownArraw" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimation Duration="0" To="#FF8DDE7B" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="path" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFFFA051" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="path" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FF995014" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)" Storyboard.TargetName="path" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Disabled"/>
									<VisualState x:Name="PointerOver"/>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
									<VisualState x:Name="PointerFocused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Path x:Name="path" Data="M179.333,5.33333 L164,31.3341 L196,31.3344 z" Stretch="Fill" Stroke="#FFAEAEAE" UseLayoutRounding="False" RenderTransformOrigin="0.5,0.5">
								<Path.RenderTransform>
									<CompositeTransform ScaleY="-1"/>
								</Path.RenderTransform>
								<Path.Fill>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FF84FF69"/>
										<GradientStop Color="#FF3F7E31" Offset="1"/>
										<GradientStop Color="#FF8EDC7A" Offset="0.983"/>
									</LinearGradientBrush>
								</Path.Fill>
							</Path>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>
    
    <Grid>
    	<Button Content="Button" HorizontalAlignment="Center" Height="27" Margin="0,4.833,0,0" Style="{StaticResource ButtonStyleUpArraw}" VerticalAlignment="Top" Width="33" Click="ButtonUp_Click"/>
        <Button Content="Button" HorizontalAlignment="Center" Height="27" Margin="0,0,0,4.833" Style="{StaticResource ButtonStyleDownArraw}" VerticalAlignment="Bottom" Width="33"  Click="ButtonDown_Click"/>
    	<TextBlock x:Name="txtTime" HorizontalAlignment="Center" TextWrapping="Wrap" Text="00" VerticalAlignment="Center" FontSize="53.333" FontFamily="Arial"/>
    </Grid>
</UserControl>
